<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">


	<ui:composition template="/templates/common/content.xhtml">
		<ui:define name="pageTitle">HomePage</ui:define>
		<ui:define name="body">
			<div class="container_24">
				<div class="wrapper">
					<ui:include src="/templates/common/login_sidebar.xhtml"></ui:include>
					<div class="grid_17">
						<div class="inside">
						<h:form>
					
							<article> <header>
							<h2>Welcome to MySweetHome!</h2>
							
							</header>
							<div class="content">
								<blockquote>The gorgeous homes, the smiling
									neighbors, the shady parks that are just a short stroll away.
									These are the places where families put down roots and grow. For
									more than 20 years, we've been creating true master-planned
									neighborhoods where everything is thought of—and nothing is
									overlooked. We invite you to discover the many reasons why more
									and more people are choosing to Live Smart in a Hillwood
									community.</blockquote>
								<div class="wrapper">
									<h:link outcome="about" styleClass="button">read more</h:link>
								</div>
							</div>
							</article>
							<article>
							<div class="container_24">
								<div class="grid_16 alpha">
									<div class="box2 main_page">
										<h3>Our Recommended</h3>
										<h:panelGroup rendered="#{mStat.recommendPropertyLength != 0}">
												<ul class="list1 main_page recommend_prop">
												<ui:repeat var="recom_item" value="#{mStat.recommendProperty}">
													<li>
													<h:link style="text-transform: uppercase;"  title="#{recom_item.propID}" outcome="/pages/management/property_details?pid=#{recom_item.propID}"><strong>#{recom_item.postDate}:</strong> #{recom_item.title}</h:link>	
													</li>
												</ui:repeat>
												</ul>
												<h:panelGroup styleClass="recommend_property_group" rendered="#{mStat.recommendProperty != null}">
													<ui:repeat var="recom_item_images" value="#{mStat.recommendPropertyImages}">
														<h:graphicImage value="#{recom_item_images.path}" alt="#{recom_item_images.property.propID}" style="display:none;" />
													</ui:repeat>
													<div class="thumb_nails_img_item recommend">
														<h:graphicImage value="" alt="" width='150' height='150' />
													</div>
												</h:panelGroup>	
										</h:panelGroup>
										<h:panelGroup rendered="#{mStat.recommendPropertyLength == 0}">
											<p>No property found !</p>
										</h:panelGroup>
									</div>
								</div>
								
							</div>
							</article>
							<article>
							<div class="container_24">
								<div class="grid_16 alpha">
									<div class="box2 main_page">
										<h3>Latest Properties</h3>
										<h:panelGroup rendered="#{mStat.latestPropertyLength != 0}">
											<ul class="list1 main_page latest_prop">
											<ui:repeat var="latest_item" value="#{mStat.latestProperty}">
												<li>
												<h:link style="text-transform: uppercase;" title="#{latest_item.propID}" outcome="/pages/management/property_details?pid=#{latest_item.propID}"><strong>#{latest_item.postDate}:</strong> #{latest_item.title}</h:link>	
												</li>
											</ui:repeat>
											</ul>
											<h:panelGroup styleClass="latest_property_group" rendered="#{mStat.latestPropertyImages != null}">
												<ui:repeat var="latest_item_images" value="#{mStat.latestPropertyImages}">
													<h:graphicImage value="#{latest_item_images.path}" alt="#{latest_item_images.property.propID}" style="display:none;" />
												</ui:repeat>
												<div class="thumb_nails_img_item latest">
													<h:graphicImage value="" alt="" width='150' height='150' />
												</div>
											</h:panelGroup>	
										</h:panelGroup>
										<h:panelGroup rendered="#{mStat.latestPropertyLength == 0}">
											<p>No property found !</p>
										</h:panelGroup>
									</div>
								</div>
								
							</div>
							</article>
							<article> <header class="alt">
							<h2>We know how to help you!</h2>
							</header>
							<div class="content">
								<h4>Thinking and building responsibly.</h4>
								<p>We enjoy working with our clients to help them discover
									what they really want in a home. Our clients range from urban
									couples wanting a natural element retreat, to families living off
									of the grid seeking a home with sustainable power alternatives
									such as wind or solar power.</p>
							</div>
							</article>
							
						</h:form>
						</div>
					</div>
				</div>
			</div>
			<input type="hidden" name="identifier" value="Home" />
		</ui:define>
	</ui:composition>
	

</html>